<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:if test="${userData == null }">
<div class="alert alert-warning">
	<button type="button" class="close" data-dismiss="alert">
		<i class="ace-icon fa fa-times"></i>
	</button>
	查询不到数据!
	<br>
</div>
</c:if>
<c:if test="${userData != null }">
<div class="col-xs-12 col-sm-3 center">
	<div class="clearfix">
		<div id="first" style="cursor: pointer;box-sizing: border-box;
    display: block;
    float: left;width:48%;
    margin: 0px 1%;
    padding: 0px 2%;" class="btn btn-warning" onclick="loadMyPayData(${userData.userId },${userData.agentId })">
			<span class="bigger-175 blue">${userData.myPayCount }</span>
			<br>
			本人充值总额
		</div>
		<div style="cursor: pointer;box-sizing: border-box;
    display: block;
    float: left;width:48%;
    margin: 0px 1%;
    padding: 0px 2%;" class="btn btn-purple" onclick="loadMyPayData(${userData.userId },${userData.agentId })">
			<span class="bigger-175 blue">${userData.totalCount }</span>
			<br>
			本人充值总笔数
		</div>
	</div>
	<div class="hr hr5 dotted"></div>
	<div class="clearfix">
		<div style="cursor: pointer;box-sizing: border-box;
    display: block;
    float: left;width:48%;
    margin: 0px 1%;
    padding: 0px 2%;" class=" btn btn-yellow" onclick="loadMyPlayerData(${userData.userId },${userData.agentId })">
			<span class="bigger-175 blue">${userData.myPlayerPayCount }</span>
			<br>
			下属玩家充值
		</div>
		<div style="cursor: pointer;box-sizing: border-box;
    display: block;
    float: left;width:48%;
    margin: 0px 1%;
    padding: 0px 2%;" class=" hover btn " onclick="loadMyAgentData(${userData.userId },${userData.agentId })">
			<span class="bigger-175 blue">${userData.myAngentPayCount }</span>

			<br>
			下属代理充值
		</div>
	</div>
	<div class="hr hr5 dotted"></div>
	<div class="clearfix">
		<div style="cursor: pointer;box-sizing: border-box;
    display: block;
    float: left;width:48%;
    margin: 0px 1%;
    padding: 0px 2%;" class=" btn btn-yellow" onclick="loadMyPlayerData(${userData.userId },${userData.agentId })">
			<span class="bigger-175 blue">${userData.myPlayerPayCount + userData.myAngentPayCount + userData.myPayCount}</span>
			<br>
			总充值
		</div>

	</div>
	<div class="hr hr16 dotted"></div>
	<div>
		<span class="profile-picture">
			<img id="avatar"
			onerror="onerror=null;src='https://res.wx.qq.com/a/wx_fed/common_assets/16120602/win_weixin21/images/phone_logo2x.png'"
			class="editable img-responsive editable-click editable-empty" 
			style="max-width: 182px; max-height: 202px;"
			alt="${userData.nickName }" 
			src="${userData.userImg }"></img>
		</span>

		<div class="space-4"></div>

		<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
			<div class="inline position-relative">
				<a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown">
					<c:if test="${userData.status == 0 }">
					<i data-rel="tooltip" data-original-title="离线" class="ace-icon fa fa-circle light-grey"></i>
					</c:if>
					<c:if test="${userData.status == 1 }">
					<i data-rel="tooltip" data-original-title="在线" class="ace-icon fa fa-circle light-green"></i>
					</c:if>
					&nbsp;
					<span class="white">${userData.nickName }（${userData.userId}）</span>
				</a>
			</div>
		</div>
	</div>

	<div class="space-6"></div>

	<div class="profile-user-info profile-user-info-striped">
		<div class="profile-info-row">
			<div class="profile-info-name"> 邀请码</div>

			<div class="profile-info-value">
				<span class="editable editable-click" id="username">${userData.agentId }</span>
			</div>
		</div>
		<div class="profile-info-row">
			<div class="profile-info-name"> 邀请人 </div>

			<div class="profile-info-value">
				<span class="editable editable-click" id="username">${userData.groupName }（${userData.groupId}）</span>
			</div>
		</div>

		<div class="profile-info-row">
			<div class="profile-info-name"> 现有金币数 </div>
			<div class="profile-info-value">
				<span class="editable editable-click" id="username">${userData.goldCoinCount }</span>
			</div>
		</div>

		<div class="profile-info-row">
			<div class="profile-info-name"> 上次登陆时间 </div>
			<div class="profile-info-value">
				<span class="editable editable-click" id="age">${userData.loginTime }</span>
			</div>
		</div>

	</div>

	<div class="hr hr12 dotted"></div>

	

	<div class="hr hr16 dotted"></div>
</div>
<form id="queryDetailForm">
<input type="hidden" name="agentId" value="${userData.agentId }"/>
<input type="hidden" name="userId"  value="${userData.userId }"/>
<input type="hidden" name="sd" value="${sd }"/>
<input type="hidden" name="ed" value="${ed }"/>
<input type="hidden" name="type" value=""/>
</form>

<div class="col-xs-9" style="margin-top:5px;" id='profileDataList'>
</div>
</c:if>